<?php
/**
 * Created by PhpStorm.
 * User: trunganh
 * Date: 4/29/14
 * Time: 0:23
 */
?>

    <div class="header-page">
        <h2>Ứng dụng giúp bạn tìm người hạnh phúc nhất trong danh sách bạn bè</h2>
        </br>
        <h3>Ứng dụng sẽ KHÔNG post lên tường nhà bạn!</h3>
        <p>Việc tìm kiếm có thể mất từ 5-10s</p>
    </div>
    <!-- Table Header -->
    <div class="fb-share-button" data-href="https://mobay.vn/happy/happy" data-type="box_count"></div>
<?php


if ($flag == 0) {
    echo '
</br></br></br></br></br></br></br>
    <center><a href="' . $login_url . '" target="_top" class="btn">BẮT ĐẦU</a></center>
</br></br></br></br></br></br></br>
    ';
} else {
}


if ($flag == 1) {
    ?>

    <table cellspacing="0">
        <tr>
            <th>Avatar</th>
            <th>Status lạc quan đã đăng</th>
            <th>Mức độ lạc quan</th>
        </tr>
        <tr>
            <td>
                <?php
                echo '<center><img src=' . $me_avatar['data']['url'] . '> </br> <p> ' . $me_name . '</p></center>';

                ?>
            </td>
            <td class="numpost">
                <?php echo $numberOfPost[5];?>

            </td>
            <td class="numscore"><?php echo $numberOfScore[5].'%';?></td>
        </tr>
    </table>



    <table cellspacing="0">
        <tr>
            <th>Avatar</th>
            <th>Status lạc quan đã đăng</th>
            <th>Mức độ lạc quan</th>
        </tr>
        <?php
        for ($i = 0; $i < count($friend_id); $i++) {

            ?>
            <?php

            if ($i == count($friend_id) - 1):
                ?>
                <tr>
            <?php else: ?>
                <tr class="tr-hide"  style="display: none">
            <?php
            endif;
            ?>

            <td>
                <?php echo '<center><img src=' . $profile_picture[$i] . ' width="100px" height="100px"> </br><p>' . $friend_name[$i] . '</p></center>' ?>

            </td>

            <td class="numpost">
                <?php echo $numberOfPost[$i];?>

            </td>
            <td class="numscore"><?php echo $numberOfScore[$i].'%';?></td>
            </tr>
        <?php

        }?>

    </table>

<?php
} else {

} ?>

    <script>
        var interval = null;
        function show() {
            console.log('running...');
            $('tr.tr-hide:last').slideDown(500);
            $('tr.tr-hide:last').removeClass('tr-hide');
            if ($('tr.tr-hide:last').html() === undefined) {
                clearInterval(interval);
                console.log('stop');
            }
        }
        $(document).ready(function () {
            interval = setInterval(show, 1000);
        });
    </script>


<?php
echo '<script type="text/javascript" src="https://mobay.vn/embed/mobay-embed-all-with-https.js"></script>';
?>